import {
  createApp
} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 标签默认重置（浏览器样式统一）
import 'normalize.css'
// 项目公共样式
import '@/styles/common.less'

// vue2 全局注册组件
// Vue.component('组件名', 组件配置)

// vue3 全局注册组件
// app.component('组件名',组件配置)
// app.component(XtxSkeleton.name, XtxSkeleton)
// app.component(XtxSlider.name, XtxSlider)

// 导入组件的注册 - 插件模块
import ComponentsPlugin from '@/components/index'
// import XtxSkeleton from '@/components/Skeleton'
// import XtxSlider from '@/components/Slider'

// 导入 自定义指令的全局注册 - 插件模块
import DirectivesPlugin from '@/directives'

const app = createApp(App)

app.use(store)
app.use(ComponentsPlugin)
app.use(DirectivesPlugin)
app.use(router)
app.mount('#app')
